<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="common::common(title='资源列表')">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" ></meta>
</head>
<body>
	<div class="x-body" id="app">
      <form class="layui-form">
      	  <input type="hidden" id="dialogModel" v-model="dialogModel" th:value="${dialogModel}">
	      <div class="layui-form-item" id="userInfoForm">
	      	<div class="layui-inline">
	      		<label class="layui-form-label">账号</label>
	      		<div class="layui-input-inline" style="width: 150px;">
			      <input type="text" v-model="queryData.name" autocomplete="off" class="layui-input">
			    </div>
	      	</div>
	      	<div class="layui-inline">
	      		<label class="layui-form-label">昵称</label>
	      		<div class="layui-input-inline" style="width: 150px;">
			      <input type="text" v-model="queryData.nickName" autocomplete="off" class="layui-input layui-input-sm">
			    </div>
	      	</div>
	      	<div class="layui-inline">
	      		<button class="layui-btn layui-btn-sm" lay-submit lay-filter="userInfoForm" @click.prevent="query"><i class="layui-icon">&#xe615;</i>查询</button>
	      	</div>
	      </div>
      </form>
      <xblock v-if="dialogModel=='false'">
        <button id="addBtn" class="layui-btn layui-btn-sm layui-btn-danger" @click="addItem"><i class="layui-icon">&#xe654;</i>增加</button>
        <button id="editBtn" class="layui-btn layui-btn-sm layui-btn-danger" @click="editItem"><i class="layui-icon">&#xe642;</i>编辑</button>
        <button id="deleteBtn" class="layui-btn layui-btn-sm layui-btn-danger" @click="deleteItem"><i class="layui-icon">&#xe640;</i>删除</button>
      </xblock>
      <table class="layui-table" id="datagrid" lay-filter="datagrid" lay-size="sm">
      </table>
	</div>
	<script type="text/javascript" th:src="@{/js/basic/userinfo.js}"></script>
</body>
</html>